<script setup>

//管理员页面

import {House} from "@element-plus/icons-vue";
</script>
<template>
<div>
<!--  <div style="line-height:50px;color:;font-weight: bold">-->
  <el-menu
      style="width:170px; padding-left:20px;min-height: calc(100vh - 50px)"
      default-active="2"
      router
      class="el-menu-vertical-demo"
      background-color="#545c64"
      text-color="#fff"
      active-text-color="#ffd04b">

    <el-menu-item index="Home">
      <template #title>
        <span>学生信息</span>
      </template>
    </el-menu-item>

    <el-menu-item index="Scholarship">
      <template #title>
        <span>奖学金信息</span>
      </template>
    </el-menu-item>

      <el-sub-menu index="Rule">
        <template #title>
        <span>评分标准</span>
        </template>
        <el-menu-item index="Rule">规则展示</el-menu-item>

       <el-menu-item index="Apply">分数计算</el-menu-item>
       <el-menu-item index="File">附件上传</el-menu-item>
 <!--        <el-menu-item index="4-3">科研能力</el-menu-item>
        <el-menu-item index="4-4">社会服务</el-menu-item>-->
        </el-sub-menu>

<!--    该部分想要设计成四部分规则分开展示，但没有成功。暑假再优化一下这部分吧-->

    <el-menu-item index="Student">
      <span>录取情况</span>
    </el-menu-item>


    <el-menu-item index="6">
      <span>公示栏</span>
    </el-menu-item>
    </el-menu>

</div>
</template>

<style scoped>

</style>